Review: Create grids in project mockups 複習:在專案 Mockup 中使用網格
網格的作用
使用網格的三個核心好處:
- 提升清晰度與一致性:幫助使用者更容易掃描和理解頁面內容。
- 加快設計流程:可快速放置元素,避免手動對齊。
- 增強協作效率:多個設計師可以根據網格約定共同協作。
以 Zia’s Pizza 應用為例,以下對齊技巧可應用於你自己的設計:
- 元素 左/右邊緣對齊列的邊緣
- 元素 居中對齊列寬
- 使用混合方式,根據視覺需求靈活應用



網格軟體技能學習地址:
https://help.figma.com/hc/en-us/articles/360040451373-Guide-to-auto-layout